<template>
	<view class="proposal-view">
		<view class="title">请完善以下必填信息再申请</view>
		<!-- 表单  style="border: none;margin: 0;"-->
		<view class="form_view">
			<up-form
					labelPosition="left"
					:model="formData"
					:rules="rules"
					ref="form"
			>
				<view class="padding-view">
					<up-form-item
							label="提案类型"
							prop="name1"
							borderBottom
							labelWidth="80px"
							required
					>
						<up-input
							v-model="formData.name1"
							disabled
							disabledColor="#ffffff"
							placeholder="请选择"
							border="none"
						></up-input>
						<template #right>
							<up-icon
								name="arrow-right"
							></up-icon>
						</template>
					</up-form-item>
					<up-form-item
							label="提案名称"
							prop="name2"
							borderBottom
							labelWidth="80px"
							required
					>
						<up-input
								v-model="formData.name2"
								border="none"
								placeholder="请输入"
						></up-input>
					</up-form-item>
					
					<up-form-item
							label="案由"
							prop="name3"
							borderBottom
							labelWidth="80px"
							required
							labelPosition="top"
							>
								<up-textarea v-model="formData.name3" placeholder="请输入" border="none"></up-textarea>
					</up-form-item>
					<up-form-item
							label="建议或措施"
							borderBottom
							labelWidth="90px"
							labelPosition="top"
					>
						<up-textarea v-model="formData.name4" placeholder="请输入" border="none"></up-textarea>
					</up-form-item>
					<up-form-item
							label="附件上传"
							borderBottom
							labelWidth="80px"
					>
						<up-input
							v-model="formData.fileList"
							disabled
							disabledColor="#ffffff"
							placeholder=""
							border="none"
						></up-input>
						<template #right>
							<up-upload
								:fileList="formData.fileList"
								:maxCount="1"
							>
								<button size="mini" class="file-btn">上传</button>
							</up-upload>
						</template>
					</up-form-item>
				</view>
			
			</up-form>
	<!-- 		<up-action-sheet
					:show="showSex"
					:actions="actions"
					title="请选择"
					@close="showSex = false"
					@select="sexSelect"
			>
			</up-action-sheet> -->
			
		</view>
		<view class="single-submit-btn">
			<button size="mini" class="btn" @click="submit">
				提交
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData: {
					name1: '',
					name2: '',
					name3: '',
					name4: '',
					fileList: []
				},
				rules: {
					name1: {  
				      type: 'string',  
				      required: true,  
				      message: '请选择提案类型',  
				      trigger: ['blur', 'change'],  
				    },
				}
			}
		},
		methods: {
			submit() {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.proposal-view {
		background-color: #F9F9F9;
		.title {
			font-size: 26rpx;
			color: #555555;
			text-align: left;
			padding: 30rpx;
			border-bottom: 1px solid #EAEBEC;
		}
		.form_view {
			padding: 0 30rpx;
			background-color: #fff;
			.file-btn {
				background-color: #d81e06;
				color: white;
				width: 50px;
				height: 24px;
				line-height: 24px;
				border-radius: 10px;
				padding: 0;
				text-align: center;
				cursor: pointer;
			}
		}
	}
</style>